$(function () {
  // 点击“去登录”的链接
  $('#link_reg').on('click', function () {
    $('.login-box').hide()
    $('.reg-box').show()


  })
  // 点击“去注册账号”的链接
  $('#link_login').on('click', function () {
    $('.login-box').show()
    $('.reg-box').hide()
  })
})

layui.form.verify({
  pwd: [/^[\S]{6,12}$/, '密码必须6到12位，且不能出现空格'],
  repwd: function (value) {
    // 通过形参拿到的是确认密码框中的内容
    // 还需要拿到密码框中的内容
    // 然后进行一次等于的判断
    // 如果判断失败,则return一个提示消息即可
    var pwd = $('.reg-box [name=password]').val()
    if (pwd !== value) {
      return '两次密码不一致！'
    }
  }
})

// 1.给注册的表单添加点击事件
$('#reg_form').on('submit', function (e) {
  // 2.阻止事件的默认行为
  e.preventDefault()
  // 3.获取表单里面的内容
  var data = $('#reg_form').serialize();

  console.log(data);
  //  4.发送ajax请求
  $.ajax({
    type: 'post',
    url: '/api/reguser',
    data: data,
    success: res => {
      console.log(res);
      // 5.进行结构解析
      const {
        message,
        status
      } = res
      //  6.注册失败就返回提示的信息
      if (status !== 0) return layui.layer.msg(message);
      // 7.模拟点击事件
      $('#link_login').click()

    }
  })






})

// 1.注册submit事件  

$('#login-form').on('submit', function (e) {
  console.log(111);
  // 2.阻止默认行为
  e.preventDefault()
  // 3.拿到里面输入的内容
  var data = $(this).serialize()

  // 5.发送ajax请求
  $.ajax({
    type: 'post',
    url: '/api/login',
    data,
    success: res => {
      const {
        status,
        message,
        token
      } = res

      // 6.登录失败则提示登录的信息
      if (status !== 0) return layui.layer.msg(message);
      // 登录成功 的话需要将服务器响应回来的数据保存在token中
      // console.log(token);
      sessionStorage.setItem('token', token)
      // 页面跳转到首页
      location.href = 'index.html'
    }

  })
})
3.